import { mapMutations } from "vuex";

export default{
      
      methods: {
            ...mapMutations('app',['SET_COLLAPSE']),
            $_resize(){
                  //设置一个界限
                  const WIDTH=600
                  //观察到
                  let bodaW=document.body.clientWidth
                  if(bodaW>WIDTH){
                        this.SET_COLLAPSE(false)
                  }else{
                        this.SET_COLLAPSE(true)
                  }
            }
      },
      mounted() {
            //初始化执行一次
            this.$_resize()
            //屏幕拉伸执行,执行的是函数体，不能使用括号
            window.addEventListener('resize',this.$_resize)
           
      },
             //生命周期最后清除window挂载，
       beforeDestroy() {
            window.removeEventListener('resize',this.$_resize)
       },
      
}